<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线考试网学生端首页</title>
	<link rel="stylesheet" href="./css/studentindex.css" />
</head>
<body>
    <header class="header">
        <h1>在线考试网</h1>
        <p>欢迎来到专业的在线考试平台，祝您考试顺利！</p>
    </header>
    <div class="content">
        <aside class="sidebar">
           <div class="menu-section">
                <h3>考试分类</h3>
                <div class="menu-item" style="background: #000; color: white;">全部</div>
                <div class="menu-item" onclick="window.location.href = 'score.html'">成绩查询</div>
                <div class="menu-item" onclick="window.location.href = 'personalinformation.html'">修改个人资料</div>
                <div class="menu-item" onclick="confirmExit()">退出系统</div>
            </div>

           <div class="menu-section">
                <h3>考试状态</h3>
                <div class="menu-item">
                    待考试 <span class="badge yellow">3</span>
                </div>
                <div class="menu-item">
                    已完成 <span class="badge">12</span>
                </div>
            </div>
        </aside>

        <main class="main-content">
            <div class="upcoming-exam">
                <div class="upcoming-exam-header">
                    <h3>即将开始的考试</h3>
                    <div class="countdown-wrapper">
                        <span class="countdown">01:23:45</span>
                        <span class="after-text">后开始</span>
                    </div>
                </div>
                <div class="upcoming-exam-content">
                    <div class="exam-info-text">
                        <p>软件工程师认证考试</p>
                        <p>2024年3月15日 14:30</p>
                    </div>
                    <button class="prepare-btn">准备考试</button>
                </div>
            </div>

            <div class="exam-card">
                <h3>数据库管理认证<span class="exam-time">120分钟</span></h3>
                <div class="exam-info">100题 | 总分100分 | 及格分60分</div>
                <button class="start-btn">开始考试</button>
            </div>

            <div class="exam-card">
                <h3>前端开发工程师认证<span class="exam-time">90分钟</span></h3>
                <div class="exam-info">80题 | 总分100分 | 及格分70分</div>
                <button class="start-btn">开始考试</button>
            </div>

            <div class="exam-card">
                <h3>项目管理专业认证<span class="exam-time">150分钟</span></h3>
                <div class="exam-info">120题 | 总分150分 | 及格分90分</div>
                <button class="start-btn">开始考试</button>
            </div>

            <div class="exam-card">
                <h3>网络安全工程师认证<span class="exam-time">180分钟</span></h3>
                <div class="exam-info">150题 | 总分200分 | 及格分120分</div>
                <button class="start-btn">开始考试</button>
            </div>
        </main>
    </div>
	<script src="./js/studentindex.js"></script>
</body>
</html>
